﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div>
        <h2>Tìm kiếm trong HTML</h2>
        <td style="border: 1px solid black">
            <table>
                <tr>
                    <td width="100px">
                        Tên file
                    </td>
                    <td>
                        <input type="text" value="Điền đường dẫn file html vào đây" style="width: 300px" />
                    </td>
                </tr>
                <tr>
                    <td width="100px">
                        Từ khóa
                    </td>
                    <td>
                        <input type="text" value="đầy đủ" style="width: 300px" />
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <input type="button" value="Load file html" /><input type="button" value="Tìm từ khóa" /><br />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <br />
                        &nbsp;</td>
                </tr>
            </table>
            <div style="border: 1px solid gray">
                Sau khi load file html, nội dung file này sẽ hiện <span style="background-color: yellow;">đầy đủ</span> bên trong cái div này.</div>
            <div>
                <h3>Yêu cầu</h3>
                <ul>
                    <li>Người dùng sẽ điền đường dẫn một file html tĩnh có sẵn trong thư mục web. Các bạn tự tao file html này, nội dung tùy ý</li>
                    <li>Click [Load file html] thì lấy nội dung file đưa vô cái div có border màu xám bên dưới, hiện nguyên bản.</li>
                    <li>Điền từ khóa tìm kiếm, Click [Tìm từ khóa]</li>
                    <li>Trang web sẽ bôi vàng tất cả các từ nào tìm thấy</li>
                </ul>
            </div>
    </div>
</body>
</html>
